<#include "common/_layout.html"/>
<@layout>
<section id="feature" >
    <div class="container">
        <div class="center wow fadeInDown">
            <h2>${i18n.get('aboutus')}</h2>
            <p class="lead">${i18n.get('about')}</p>
        </div>
        <div class="row">
            <div class="features">
                    <@jp.indexPage module="feature"  pagesize="6"  hasThumbnail="true">
                    <#list page.getList() as content>
                        <div class="col-md-4 col-sm-6 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
                            <div class="feature-wrap">
                                <i class="fa ${content.getMetadata('class')!}"></i>
                                <h2>${content.title} </h2>
                                <h3>${content.summary}</h3>
                            </div>
                        </div>
                    </#list>
                    </@jp.indexPage>
            </div><!--/.services-->
        </div><!--/.row-->
    </div><!--/.container-->
</section><!--/#feature-->
</@layout>